<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="shortcut icon" href="<?php echo SKIN_URL_IMAGE; ?>/favicon.ico">
		<title><?php if(isset($title)) echo $title ?></title>
		<!--Zigya Css and jQuery starts-->
		<link rel="stylesheet" type="text/css" href="<?php echo SKIN_URL_CSS; ?>/zigya.css"/>

		<script src="<?php echo SKIN_URL_JS; ?>/jquery.min-1.10.2.js"></script>
		<script src="<?php echo SKIN_URL_JS; ?>/modernizr.custom.js"></script>
		<link href="<?php echo SKIN_URL_CSS; ?>/bootstrap.min.css" rel="stylesheet">
		<!--header animation jQuery-->
		<script src="<?php echo SKIN_URL_JS; ?>/jquery.lazylinepainter-1.1.min.js"></script>
		<script src="<?php echo SKIN_URL_JS; ?>/raphael-min.js"></script>
		<script src="<?php echo SKIN_URL_JS; ?>/header.js"></script>
		<!--header animation jQuery-->

		<!-- Include all compiled plugins (below), or include individual files as needed -->

		<!--placeholder jQuery-->
		<script src="<?php echo SKIN_URL_JS; ?>/placeholder.js"></script>
		<!--placeholder jQuery-->
		<script src="<?php echo SKIN_URL_JS; ?>/jquery.Jcrop.min.js"></script>
		<link rel="stylesheet" href="<?php echo SKIN_URL_CSS; ?>/jquery.Jcrop.css" type="text/css" />
        <script src="<?php echo SKIN_URL_JS; ?>/script_crop.js"></script>
        <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<!--Search and Footer position in center of the page-->
		<script>
		$(window).resize(adjustLayout);
			$(document).ready(function(){
				adjustLayout();
			})
			function adjustLayout(){
				$('footer').css({
					position:'absolute',
					left: ($(window).width() - $('footer').outerWidth())/2
				});
				$('.zigya_search').css({
					position:'absolute',
					left: ($(window).width() - $('.zigya_search').outerWidth())/2,
					top: ($(window).height() - $('.zigya_search').outerHeight())/2
				});
		}
		</script>
		<!--Search and Footer position in center of the page-->
		<style type="text/css">
			.custom-radio {
			width: 16px;
			height: 16px;
			display: inline-block;
			position: relative;
			z-index: 1;
			top: 0px;
			background: url("<?php echo SKIN_URL_IMAGE; ?>/radio_default.svg") no-repeat 0 0 transparent;
			background-position: 0px 0px;
			}
			.custom-radio:hover {
			background: url("<?php echo SKIN_URL_IMAGE; ?>/radio.svg") no-repeat 0 0 transparent;
			background-position: 0px 0px;
			}
			
			.custom-radio.selected {
			background: url("<?php echo SKIN_URL_IMAGE; ?>/radio.svg") no-repeat 0 0 transparent;
			background-position: 0px 0px;
			}
			
			.custom-radio input[type="radio"] {
			margin: 1px;
			position: absolute;
			z-index: 2;
			cursor: pointer;
			outline: none;
			opacity: 0;
			/* CSS hacks for older browsers */
			_noFocusLine: expression(this.hideFocus=true);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			-khtml-opacity: 0;
			-moz-opacity: 0;
			}
			/* Let's Beautify Our Form */
			form {
			margin: 20px;
			}
			label {
			display: block;
			padding: 2px 0;
			}
			input[type="submit"] {
			float: left;
			background: url(<?php echo SKIN_URL_IMAGE; ?>/submit.png);
			border: none;
			border-radius: 4px;
			margin-top: 0px;
			padding: 4px 10px;
			cursor: pointer;
			outline: none;
			background-repeat:no-repeat;
			width:25px;
			
			}
		</style>
		<script type="text/javascript">
			function customRadio(radioName) {
				var radioButton = $('input[name="' + radioName + '"]');
				$(radioButton).each(function() {
					$(this).wrap("<span class='custom-radio custom-radio1'></span>");
					if ($(this).is(':checked')) {
						$(this).parent().addClass("selected");
						var id = $(this).val();
						$("#"+id+"_l").addClass("active");
					}
				});
				$(radioButton).click(function() {
					if ($(this).is(':checked')) {
						$(this).parent().addClass("selected");
						var id1 = $(this).val();
						$("#"+id1+"_l").toggleClass("active");
					}
					$(radioButton).not(this).each(function() {
						$(this).parent().removeClass("selected");
						var id2 = $(this).val();
						$("#"+id2+"_l").removeClass("active");
					});
				});
			}

			$(document).ready(function() {
				customRadio("category");
				customRadio("gender");
			})
		</script>
		<link rel="stylesheet" type="text/css" href="<?php echo SKIN_URL_CSS; ?>/global.css"/>
		<style>
        	.minus1, .plus1,.minus2, .plus2,.minus3, .plus3{ cursor:pointer;}
    	</style>
		<!--Zigya Css and jQuery starts-->